
$(function () {
  // 1. 页面之中所有内容的加载都是异步的; 
  // 2. 我们给元素添加事件的时候都是使用 事件委托实现的; 
  $.ajax({
    url: "./jn/data.json"
  }).then(function (res) {
    console.log(res.datas);
    render(res.datas);
  });

  function render(list) {
    // 如果 goods_data 里面没有数据那么我们采取给goods_data赋值;
    var goods_data = list;
    $(".tu").html(list.map(function (item) {
      return `<div class="list">
      <a href="./xiangqing.html">
      <p class="p-img">
        <img src="${item.img}"></p>
        <p class="p-name"> ${item.name}</p>
        <p class="p-price-comment">
        <span class="price"> 商城价<strong> <em>￥</em>59</strong>
        </span> <span class="comment">0 评价</span>
        </p>
        <p class="p-tool">加入购物车 </p>
        </a>
</div>`;
    }).join(""));
  }
});
